* {
  margin: 0;
  padding: 0;
}
a{
  text-decoration: none;
}
ul{
  list-style: none;
}
li{
  color: black;
}
li :hover{
  color: red;
}
.top{
  width: 100vw;
  height: 3vw;
  background-color: #FFFFFF;
  border: 1px solid #e8efef;
 
}
.top-1{
  width: 50%;
  height: 100%;
  background-color: #FFFFFF;
  margin: auto;
 
}
.top-2{
  float: left;
  width: 10%;
  height: 100%;
  background-color: #FFFFFF;
}
.top-2 img{
  margin-top: 15px;
}
.xf,
li{
  float: left;
}

.xf li{
  line-height: 3.8vw;
  width: 4vw;
  margin-left: 30px;
}
.top-4{
width: 100px;
height: 100%;
background-color:#FFFFFF;
float: left;
margin-left: 200px;

}
.top-5{
  width: 40px;
  height: 100%;
  float: left;
}
.top-5 img{
  margin-top: 20px;
}
.xf-1,
li{
  float: left;
}

.input-1{
  width: 40px;
  height: 20px;
  margin-top: 20px;
border: 1px solid red;
color: red;
text-align: center;
font-size: 16px;
  float: left;
  margin-left: 10px;
  border-radius: 3px;
}
.input-1:hover{
  cursor: pointer;
}


.body1{
  width: 50%;
  height: 610px;
  /* background-color: antiquewhite; */
  margin: 20px auto;
}
.body-left{
  width: 180px;
  height: 200px;
  background-color: #ccc;
  overflow: hidden;
  float: left;
}
.text{
  width: 150px;
  height: 22px;
  /* background-color: antiquewhite; */
  margin-top: 20px;
  padding-left: 10px;
  margin-left: 10px;
  border-bottom: 1px solid rgb(177, 177, 177);
}
.pott{
 margin-top: 5px;
  margin-left: 20px;
  font-size: 14px;
}
.pott1{
 font-size: 12px;
  margin-left: 30px;
}
.pott2{
  margin-top: 10px;
   margin-left: 20px;
   font-size: 14px;
 }
 .body-right{
   width: 720px;
   height: 610px;
   background-color: #ccc;
   float: left;
   margin-left: 20px;
   overflow: hidden;
 }
 .body-right1{
  width: 680px;
  height: 22px;
  /* background-color: antiquewhite; */
  margin-top: 20px;
  padding-left: 10px;
  margin-left: 10px;
  border-bottom: 1px solid rgb(177, 177, 177);
 }
 .body-right2{
   margin-top: 20px;
   margin-left: 20px;
 }

 .botton{
  width: 100%;
  height: 300px;
  background-color: #505050;
}
.botton-1{
  width: 50%;
  height: 300px;
  background-color: #505050;
  margin: auto;
}
.btn{
  width: 122px;
  height: 280px;
  position: relative;
  top: 20px;
  /* background-color: aqua; */
  float: left;
}
.btn1{
  width: 122px;
  height: 280px;
  /* background-color: #ccc; */
  float: left;
  margin-top: 20px;
  margin-left: 20px;
}
.btn2{
  width: 100px;
  height: 280px;
  /* background-color: rgb(127, 91, 91); */
  float: left;
  margin-top: 20px;
  margin-left: 20px;
  color: #E8F4F4;
}
.btn3{
  width: 160px;
  height: 280px;
  /* background-color: rgb(127, 91, 91); */
  float: left;
  margin-top: 20px;
  margin-left: 20px;
  color: #E8F4F4;
}
.mon2{
  width: 80px;
  height: 200px;
  /* background-color: antiquewhite; */
  float: left;
  margin-top: 30px;
  font-size: 12px;
  color: #8D8D8E;
}
.mon3{
  width: 80px;
  height: 200px;
  /* background-color: aqua; */
  float: left;
  margin-top: 30px;
  color: #8D8D8E;
  font-size: 12px;
}
.btn4{
  color: #E8F4F4;
  width: 140px;
  height: 280px;
  /* background-color: rgb(89, 50, 50); */
  float: left;
  margin-top: 20px;
  margin-left: 20px;
  
}
.mon4{
  color: #8D8D8E;
  width: 140px;
  height: 200px;
  /* background-color: aqua; */
  margin-top: 30px;
  font-size: 12px;
}